<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>YaYaYa's Marble Race</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="index.css">
</head>

<body>
	<div class="page">
		<p class="bigtitle2">50球颜色表</p>
		<p class="title2">说明：以下颜色采用HSV颜色格式。HSV颜色格式依次由色相（<b>H</b>ue），饱和度（<b>S</b>aturation）和亮度（<b>V</b>alue）组成。</p>
		<p class="title2">闪队颜色说明：<i>f</i> =360{ <i>t</i> }，<i>g</i> =50(1+sin(8 <i>t</i> ))，其中 <i>t</i> 为时间（单位：秒），{
			<i>t</i> }为 <i>t</i> 的小数部分。</p>
		<div style="display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly">
			<div class="circle-60">
				<b class="colored text" color=1 text=1>红队</b>
				<b class="colored text" color=1 text=1>Red Team</b>
			</div>
			<div class="colored circle-60" color=0>
				<p class="text">深红</p>
				<p class="text">Maroon</p>
				<p class="text">0, 100, 50</p>
			</div>
			<div class="colored circle-60" color=1>
				<p class="text">红色</p>
				<p class="text">Red</p>
				<p class="text">0, 100, 100</p>
			</div>
			<div class="colored circle-60" color=2>
				<p class="text">鲑红</p>
				<p class="text">Salmon</p>
				<p class="text">0, 50, 100</p>
			</div>
			<div class="colored circle-60" color=3>
				<p class="text">绯红</p>
				<p class="text">Crimson</p>
				<p class="text">0, 78, 67</p>
			</div>
			<div class="colored circle-60" color=4>
				<p class="text">红宝石</p>
				<p class="text">Ruby</p>
				<p class="text">345, 80, 75</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=6 text=1>橙队</b>
				<b class="colored text" color=6 text=1>Orange Team</b>
			</div>
			<div class="colored circle-60" color=5>
				<p class="text">棕色</p>
				<p class="text">Brown</p>
				<p class="text">30, 100, 50</p>
			</div>
			<div class="colored circle-60" color=6>
				<p class="text">橙色</p>
				<p class="text">Orange</p>
				<p class="text">30, 100, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=7>
				<p class="text">肉色</p>
				<p class="text">Tan</p>
				<p class="text">30, 40, 100</p>
			</div>
			<div class="colored circle-60" color=8>
				<p class="text">咖啡色</p>
				<p class="text">Coffee</p>
				<p class="text">30, 75, 75</p>
			</div>
			<div class="colored circle-60" color=9>
				<p class="text">珊瑚橙</p>
				<p class="text">Coral</p>
				<p class="text">20, 100, 90</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=11 text=1>黄队</b>
				<b class="colored text" color=11 text=1>Yellow Team</b>
			</div>
			<div class="colored circle-60" color=10>
				<p class="text">橄榄</p>
				<p class="text">Olive</p>
				<p class="text">60, 100, 50</p>
			</div>
			<div class="colored circle-60 inverted" color=11>
				<p class="text">黄色</p>
				<p class="text">Yellow</p>
				<p class="text">60, 100, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=12>
				<p class="text">奶油</p>
				<p class="text">Cream</p>
				<p class="text">60, 30, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=13>
				<p class="text">柠檬黄</p>
				<p class="text">Lemon</p>
				<p class="text">75, 50, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=14>
				<p class="text">金色</p>
				<p class="text">Gold</p>
				<p class="text">50, 100, 100</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=15 text=1>绿队</b>
				<b class="colored text" color=15 text=1>Green Team</b>
			</div>
			<div class="colored circle-60" color=15>
				<p class="text">绿色</p>
				<p class="text">Green</p>
				<p class="text">120, 100, 50</p>
			</div>
			<div class="colored circle-60 inverted" color=16>
				<p class="text">酸橙</p>
				<p class="text">Lime</p>
				<p class="text">120, 100, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=17>
				<p class="text">薄荷</p>
				<p class="text">Mint</p>
				<p class="text">120, 40, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=18>
				<p class="text">黄绿</p>
				<p class="text">Chartreuse</p>
				<p class="text">90, 100, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=19>
				<p class="text">翡翠</p>
				<p class="text">Jade</p>
				<p class="text">150, 100, 100</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=21 text=1>青队</b>
				<b class="colored text" color=21 text=1>Cyan Team</b>
			</div>
			<div class="colored circle-60" color=20>
				<p class="text">深青</p>
				<p class="text">Teal</p>
				<p class="text">180, 100, 50</p>
			</div>
			<div class="colored circle-60 inverted" color=21>
				<p class="text">青色</p>
				<p class="text">Cyan</p>
				<p class="text">180, 100, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=22>
				<p class="text">冰</p>
				<p class="text">Ice</p>
				<p class="text">180, 30, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=23>
				<p class="text">水色</p>
				<p class="text">Aqua</p>
				<p class="text">165, 50, 100</p>
			</div>
			<div class="colored circle-60" color=24>
				<p class="text">绿松石</p>
				<p class="text">Turquoise</p>
				<p class="text">170, 75, 75</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=26 text=1>蓝队</b>
				<b class="colored text" color=26 text=1>Blue Team</b>
			</div>
			<div class="colored circle-60" color=25>
				<p class="text">海军蓝</p>
				<p class="text">Navy</p>
				<p class="text">240, 100, 50</p>
			</div>
			<div class="colored circle-60" color=26>
				<p class="text">蓝色</p>
				<p class="text">Blue</p>
				<p class="text">240, 100, 100</p>
			</div>
			<div class="colored circle-60" color=27>
				<p class="text">长春花</p>
				<p class="text">Periwinkle</p>
				<p class="text">240, 50, 100</p>
			</div>
			<div class="colored circle-60" color=28>
				<p class="text">矢车菊</p>
				<p class="text">Cornflower</p>
				<p class="text">225, 75, 75</p>
			</div>
			<div class="colored circle-60" color=29>
				<p class="text">天蓝</p>
				<p class="text">Sky</p>
				<p class="text">210, 80, 100</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=31 text=1>紫队</b>
				<b class="colored text" color=31 text=1>Purple Team</b>
			</div>
			<div class="colored circle-60" color=30>
				<p class="text">靛紫</p>
				<p class="text">Indigo</p>
				<p class="text">270, 100, 50</p>
			</div>
			<div class="colored circle-60" color=31>
				<p class="text">紫色</p>
				<p class="text">Purple</p>
				<p class="text">270, 100, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=32>
				<p class="text">薰衣草</p>
				<p class="text">Lavender</p>
				<p class="text">270, 40, 100</p>
			</div>
			<div class="colored circle-60" color=33>
				<p class="text">紫丁香</p>
				<p class="text">Lilac</p>
				<p class="text">270, 50, 85</p>
			</div>
			<div class="colored circle-60" color=34>
				<p class="text">葡萄紫</p>
				<p class="text">Grape</p>
				<p class="text">280, 100, 90</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=37 text=1>粉队</b>
				<b class="colored text" color=37 text=1>Pink Team</b>
			</div>
			<div class="colored circle-60" color=35>
				<p class="text">紫罗兰</p>
				<p class="text">Violet</p>
				<p class="text">300, 100, 50</p>
			</div>
			<div class="colored circle-60" color=36>
				<p class="text">品红</p>
				<p class="text">Magenta</p>
				<p class="text">300, 100, 100</p>
			</div>
			<div class="colored circle-60 inverted" color=37>
				<p class="text">粉色</p>
				<p class="text">Pink</p>
				<p class="text">300, 50, 100</p>
			</div>
			<div class="colored circle-60" color=38>
				<p class="text">热粉</p>
				<p class="text">Hotpink</p>
				<p class="text">330, 66, 100</p>
			</div>
			<div class="colored circle-60" color=39>
				<p class="text">玫瑰</p>
				<p class="text">Rose</p>
				<p class="text">330, 100, 100</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=40 text=1>无色队</b>
				<b class="colored text" color=40 text=1>Colorless Team</b>
			</div>
			<div class="colored circle-60" color=40>
				<p class="text">黑色</p>
				<p class="text">Black</p>
				<p class="text">0, 0, 0</p>
			</div>
			<div class="colored circle-60" color=41>
				<p class="text">暗影</p>
				<p class="text">Shadow</p>
				<p class="text">0, 0, 25</p>
			</div>
			<div class="colored circle-60" color=42>
				<p class="text">灰色</p>
				<p class="text">Grey</p>
				<p class="text">0, 0, 50</p>
			</div>
			<div class="colored circle-60 inverted" color=43>
				<p class="text">银色</p>
				<p class="text">Silver</p>
				<p class="text">0, 0, 75</p>
			</div>
			<div class="colored circle-60 inverted" color=44>
				<p class="text">白色</p>
				<p class="text">White</p>
				<p class="text">0, 0, 100</p>
			</div>
			<div class="circle-60">
				<b class="colored text" color=45 text=1>闪队</b>
				<b class="colored text" color=45 text=1>Rainbow Team</b>
			</div>
			<div class="colored circle-60 inverted" color=45>
				<p class="text">黑白闪</p>
				<p class="text">Monochrome</p>
				<p class="text">0, 0, <i>g</i></p>
			</div>
			<div class="colored circle-60" color=46>
				<p class="text">彩虹闪</p>
				<p class="text">Rainbow-mono</p>
				<p class="text"><i>f</i>, <i>g</i>, <i>g</i></p>
			</div>
			<div class="colored circle-60" color=47>
				<p class="text">彩虹</p>
				<p class="text">Rainbow</p>
				<p class="text"><i>f</i>, 100, 100</p>
			</div>
			<div class="colored circle-60" color=48>
				<p class="text">暗彩虹</p>
				<p class="text">Dark Rainbow</p>
				<p class="text"><i>f</i>, 100, 50</p>
			</div>
			<div class="colored circle-60 inverted" color=49>
				<p class="text">浅彩虹</p>
				<p class="text">Light Rainbow</p>
				<p class="text"><i>f</i>, 50, 100</p>
			</div>
		</div>
	</div>
</body>

<!-- Initialization -->
<script src="src/init.js"></script>

<!-- Configuration: common -->
<script src="src/config/config.js"></script>
<script src="src/config/color/c50.js"></script>

<script>let config = marbleRaceColor50; let colors = config.colors;</script>

<!-- Utility: color -->
<script src="src/utility/colorutility.js"></script>

<!-- UI Engine -->
<script src="uiengine/uiengine.js"></script>

<!-- Pages -->
<script src="pages/m2.js"></script>
<script src="pages/color.js"></script>
<script src="pages/pages.js"></script>

</html>